<template>
	<view class="container">
		<view class="adContainer">
			<ad unit-id="adunit-97b305e9db417cc1"></ad>
		</view>
		<userinfoview></userinfoview>
		<!-- 意见反馈 -->
		<view class="feedback" @click="gotoFeedback()">
			<view class="left">
				<image class="icon"
					src="http://lc-s0KE4Kw4.cn-n1.lcfile.com/LcbhfeOKflYPhubpXNn61TFcwj96CUpC/feedback.png"></image>
				<text class="title">意见反馈</text>
			</view>
			<image class="rightArrow"
				src="http://lc-s0KE4Kw4.cn-n1.lcfile.com/Sk7IaRSAvJ94cmrI6FYQ1Yjg9Ruleeco/right_arrow.png"></image>
		</view>
	</view>
</template>

<script>
	import userview from '@/custom-ui/userinfo-view.vue';
	import functionTool from "@/data/function.js"
	
	export default {
		onShareAppMessage() {
			return functionTool.defaultShare()
		},
		onShareTimeline() {
			return functionTool.defaultShare()
		},
		components: {
			userinfoview: userview
		},
		data() {
			return {
			}
		},
		onLoad(options) {
		},
		methods: {
			// 意见反馈
			gotoFeedback() {
				uni.navigateTo({
					url: './feedback'
				})
			}
		}
	}
</script>

<style lang="scss">
	
	.container {
		display: flex;
		flex-direction: column;

		.adContainer {
			background-color: #FFFFFF;
		}

		.feedback {
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
			width: 97%;
			margin-top: 50rpx;
			height: 120rpx;
			border-top: 0.5rpx solid #dbdbdb;
			border-bottom: 0.5rpx solid #dbdbdb;

			.left {
				display: flex;
				flex-direction: row;
				margin-left: 30rpx;

				.icon {
					width: 50rpx;
					height: 50rpx;
				}

				.title {
					margin-left: 20rpx;
					color: #000;
					font-size: 30rpx;
					text-align: left;
				}
			}

			.rightArrow {
				margin-right: 30rpx;
				width: 50rpx;
				height: 50rpx;
			}
		}
	}
</style>
